<template>
	<view class="container">
		<view class="guide-detail">
			<text class="guide-title">{{ guide.title }}</text>
			<text class="guide-date">{{ guide.date }}</text>
			<text class="guide-description">这里是指南详情内容，可以根据实际需求进行扩展。</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			guide: {}
		}
	},
	onLoad(options) {
		// 模拟从服务器获取数据
		const guideList = [
			{
				id: 1,
				title: '高血压诊疗指南',
				date: '2024-01-15'
			},
			{
				id: 2,
				title: '糖尿病防治指南',
				date: '2024-01-14'
			}
		];
		this.guide = guideList.find(item => item.id === parseInt(options.id)) || {};
	}
}
</script>

<style lang="scss" scoped>
.container {
	padding: 30rpx;
}
.guide-detail {
	background-color: #fff;
	border-radius: 20rpx;
	padding: 20rpx;
	box-shadow: 0 5rpx 20rpx rgba(52, 152, 219, 0.1);
}
.guide-title {
	font-size: 34rpx;
	font-weight: 600;
	margin-bottom: 10rpx;
}
.guide-date {
	font-size: 24rpx;
	color: #a5b1c2;
	margin-bottom: 20rpx;
}
.guide-description {
	font-size: 28rpx;
}
</style> 